﻿<style>
    .page__desc{
        text-align: center;
    }
    .weui-cells_checkbox .weui-check:checked + .weui-icon-checked:before {
        content: '\EA06';
        color: #FE7954;
    }
    .weui-search-bar{
        background-color: white;
    }
    .weui-search-bar__form:after {
/*       border: 3px solid rgba(254,121,84,0.8);*/
    }
    .weui-icon-search {
        color: #FE7954;
    }
    .weui-search-bar__cancel-btn {
        color: #FE7954;
    }
    .weui-search-bar__box .weui-search-bar__input{
        line-height: 2em;
    }
    .text-nowrap{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .weui-btn_orangeBottom{
        background: linear-gradient(to right, rgba(254,121,84,0.8), rgba(254,121,84,1));
    }
</style>
    <div class="page js_show" class="page__hd no-padder" ng-controller="ReserveCtrl" style="display: flex;flex-direction: column;min-height: 100vh; max-height: 100vh;">
        <div class="page__bd "  style="flex: 1;overflow-y: auto">
            <div class="weui-search-bar weui-search-bar_focusing wrapper">
                <img src="img/wx/reserve/location.png" class="m-r-sm m-t-xs" style="width: .24rem;height: .32rem"/>
                <p href="javascript:" class="" style="line-height: 28px;margin-right: 10px;font-size:.36rem;color: #666666;font-weight: bold" >{{data.cityName || '定位中...'}}</p>
                <form class="weui-search-bar__form" style="flex:1">
                    <div class="weui-search-bar__box">
                        <i class="weui-icon-search"></i>
                        <input type="search" class="weui-search-bar__input" ng-model="data.searchValue"  placeholder="搜索" />
                        <a href="javascript:" class="weui-icon-clear" ng-click="event.clearValue_click()"></a>
                    </div>
                </form>
                <a href="javascript:" class="weui-search-bar__cancel-btn" ng-click="event.search_click()">搜索</a>
            </div>
            <div class="weui-cells m-t-none">
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label" style="color: #000000;font-weight: bold; font-size:.28rem ">选择预定时间</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="datetime-local" ng-model="data.reserveTime"  placeholder="有效时间">
                    </div>
                </div>
            </div>
            <div class="weui-cells__tips">预定时间必须为15分钟后的时间哦</div>
            <div class="weui-cells m-t-sm">
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p style="color: #000000;font-weight: bold; font-size:.32rem ">附近餐厅</p>
                    </div>
                    <div class="weui-cell__ft" style="font-size: .24rem;" ng-click="event.showMore_click()">查看更多</div>
                </a>
            </div>
            <div class="weui-cells weui-cells_checkbox m-t-none">
                <label class="weui-cell weui-check__label" ng-repeat="item in data.addressList">
                    <div class="weui-cell__hd">
                        <input type="radio" class="weui-check" ng-value="item" ng-model="data.selectAddress">
                        <i class="weui-icon-checked"></i>
                    </div>
                    <div class="weui-cell__bd">
                        <div class="weui-media-box__bd  ">
                            <div class="weui-media-box__title">
                                <span class="m-r-sm" style="font-weight: bold;letter-spacing: 1px">{{item.shopName}}</span>
                                <img src="img/wx/reserve/tel.png" style="width: .16rem" ng-if="item.tel!=undefined && item.tel !=''"/>
                                <span style="font-size: .26rem;color: #999999">{{item.tel}}</span>
                            </div>
                            <p class="weui-media-box__desc m-t-xs " style="font-size:.26rem">{{item.address}}</p>
                        </div>
                    </div>
                    <div class="" ng-if="item.distance == 0">
                        <div class="page__desc"style="font-size: .26rem" ng-show="item.distance > 0">{{item.distance+'m'}}
                            <img src="img/wx/reserve/location.png"  ng-show="item.distance > 0" class="m-r-sm m-t-xs" style="width: .26rem;height: .34rem"/>
                        </div>
                    </div>
                </label>
                <p class="text-center page__desc m-t-xl" ng-if="data.addressList.length == 0" >附近没有任何餐厅哦</p>
            </div>
        </div>
        <div class="bottom">
            <div class="weui-btn weui-btn_orangeBottom no-radius" style="width: 100%" ng-click="event.goToOrder_click()">确认信息</div>
            <div id="container"></div>
        </div>

    </div>
